<template>
	<view>
		<v-drum-select-picker v-model:value="selectedOption" :options="options" @confirm="handleConfirm" :show="true"></v-drum-select-picker>
		<text>选定的选项：{{ selectedOption }}</text>
	</view>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const selectedOption = ref('option2');

const options = ref([
	{ value: 'option1', label: '选项1' },
	{ value: 'option2', label: '选项2' },
	{ value: 'option3', label: '选项3' },
	{ value: 'option4', label: '选项4' },
	{ value: 'option5', label: '选项5' },
	{ value: 'option6', label: '选项6' },
	{ value: 'option7', label: '选项7' }
]);

const handleConfirm = (value: any) => {
	console.log('选定的选项:', value);
};

const handleClose = () => {
	console.log('取消选择');
};
</script>
